<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本选择器</title>
</head>

<style>
    .one{
        background-color: tomato;
    }

    .two{
        background-color: #de8d8d;
    }

    #three{
        background-color: fuchsia;
    }

    #four{
        background-color: pink;
    }

    /*通配符选择器，选择器所有元素*/
    *{
        font-size: 30px;
    }

    /*标签选择器*/

    div{
        border: 1px black double;
    }

    li{
        background-color: tomato;
    }



</style>


<body>

<div class="one">我是第一个div元素</div>

<div class="one two">我是第二个div元素</div>

<div id="three">我是第三个元素，我设置的属性是id</div>
<div id="four">我是第四个元素，我设置的属性是id</div>


<p>我是p标签</p>

<a href="">我是a标签</a>


<ul>
    <li>我是无序列表</li>
</ul>

<ol>
    <li>我是有序列表</li>
</ol>

</body>
</html>